:host(:not([hidden])) {
	display: inline-block;
}

:host([design="Emphasized"]:not([pressed])) {
	text-shadow: var(--_ui5_toggle_button_emphasized_text_shadow);
}

:host([pressed]),
:host([design="Default"][pressed]),
:host([design="Transparent"][pressed]),
:host([design="Emphasized"][pressed]) {
	background: var(--sapButton_Selected_Background);
	border-color: var(--sapButton_Selected_BorderColor);
	color: var(--sapButton_Selected_TextColor);
	text-shadow: none;
}

:host([pressed]:hover),
:host([pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),
:host([design="Default"][pressed]:hover),
:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),
:host([design="Transparent"][pressed]:hover),
:host([design="Transparent"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover),
:host([design="Emphasized"][pressed]:hover),
:host([design="Emphasized"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
	background: var(--sapButton_Selected_Hover_Background);
	border-color: var(--sapButton_Selected_Hover_BorderColor);
	color: var(--sapButton_Selected_TextColor);
}

:host([active]:not([disabled])),
:host([design="Default"][active]:not([disabled])),
:host([design="Transparent"][active]:not([disabled])),
:host([design="Emphasized"][active]:not([disabled])) {
	background: var(--sapButton_Active_Background);
	border-color: var(--sapButton_Active_BorderColor);
	color: var(--sapButton_Selected_TextColor);
}

:host([pressed][active]:not([disabled])),
:host([design="Default"][pressed][active]:not([disabled])),
:host([design="Transparent"][pressed][active]:not([disabled])),
:host([design="Emphasized"][pressed][active]:not([disabled])) {
	background: var(--sapButton_Selected_Hover_Background);
	border-color: var(--sapButton_Selected_Hover_BorderColor);
	color: var(--sapButton_Selected_TextColor);
}

:host([pressed]:not([active]):not([non-interactive]):not([_is-touch])),
:host([design="Default"][pressed]:not([active]):not([non-interactive]):not([_is-touch])),
:host([design="Transparent"][pressed]:not([active]):not([non-interactive]):not([_is-touch])),
:host([design="Emphasized"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
	background: var(--sapButton_Selected_Background);
	border-color: var(--sapButton_Selected_BorderColor);
	color: var(--sapButton_Selected_TextColor);
}

:host([design="Negative"][pressed]) {
	background: var(--sapButton_Reject_Selected_Background);
	border-color: var(--sapButton_Reject_Selected_BorderColor);
	color: var(--sapButton_Reject_Selected_TextColor);
}

:host([design="Negative"][active]:not([disabled])) {
	background: var(--sapButton_Reject_Active_Background);
	border-color: var(--sapButton_Reject_Active_BorderColor);
	color: var(--sapButton_Reject_Active_TextColor);
}

:host([design="Negative"][pressed][active]:not([disabled])) {
	background: var(--sapButton_Reject_Selected_Hover_Background);
	border-color: var(--sapButton_Reject_Selected_Hover_BorderColor);
	color: var(--sapButton_Reject_Selected_TextColor);
}

:host([design="Negative"][pressed][active]:hover),
:host([design="Negative"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
	background: var(--sapButton_Reject_Selected_Hover_Background);
	border-color: var(--sapButton_Reject_Selected_Hover_BorderColor);
	color: var(--sapButton_Reject_Selected_TextColor);
}

:host([design="Negative"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
	background: var(--sapButton_Reject_Selected_Background);
	border-color: var(--sapButton_Reject_Selected_BorderColor);
	color: var(--sapButton_Reject_Selected_TextColor);
}

:host([design="Positive"][pressed]) {
	background: var(--sapButton_Accept_Selected_Background);
	border-color: var(--sapButton_Accept_Selected_BorderColor);
	color: var(--sapButton_Accept_Selected_TextColor);
}

:host([design="Positive"][active]:not([disabled])) {
	background: var(--sapButton_Accept_Active_Background);
	border-color: var(--sapButton_Accept_Active_BorderColor);
	color: var(--sapButton_Accept_Selected_TextColor);
}

:host([design="Positive"][pressed][active]:not([disabled])) {
	background: var(--sapButton_Accept_Selected_Hover_Background);
	border-color: var(--sapButton_Accept_Selected_Hover_BorderColor);
	color: var(--sapButton_Accept_Selected_TextColor);
}

:host([design="Positive"][pressed][active]:hover),
:host([design="Positive"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
	background: var(--sapButton_Accept_Selected_Hover_Background);
	border-color: var(--sapButton_Accept_Selected_Hover_BorderColor);
	color: var(--sapButton_Accept_Selected_TextColor);
}

:host([design="Positive"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
	background: var(--sapButton_Accept_Selected_Background);
	border-color: var(--sapButton_Accept_Selected_BorderColor);
	color: var(--sapButton_Accept_Selected_TextColor);
}

:host([design="Attention"][pressed]) {
	background: var(--sapButton_Attention_Selected_Background);
	border-color: var(--sapButton_Attention_Selected_BorderColor);
	color: var(--sapButton_Attention_Selected_TextColor);
}

:host([design="Attention"][active]:not([disabled])) { 
	background: var(--sapButton_Attention_Active_Background);
	border-color: var(--sapButton_Attention_Active_BorderColor);
	color: var(--sapButton_Attention_Active_TextColor);
}

:host([design="Attention"][pressed][active]:not([disabled])) {
	background: var(--sapButton_Attention_Selected_Hover_Background);
	border-color: var(--sapButton_Attention_Selected_Hover_BorderColor);
	color: var(--sapButton_Attention_Selected_TextColor);
}

:host([design="Attention"][pressed][active]:hover),
:host([design="Attention"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
	background: var(--sapButton_Attention_Selected_Hover_Background);
	border-color: var(--sapButton_Attention_Selected_Hover_BorderColor);
	color: var(--sapButton_Attention_Selected_TextColor);
}

:host([design="Attention"][pressed]:not([active]):not([non-interactive]):not([_is-touch])) {
	background: var(--sapButton_Attention_Selected_Background);
	border-color: var(--sapButton_Attention_Selected_BorderColor);
	color: var(--sapButton_Attention_Selected_TextColor);
}
